<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>陌陌酒店</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/revolution-slider.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<!--Favicon-->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
	<script type="text/javascript" src="jquery/jquery-2.1.1.min.js"></script>
</head>


<body>
<div class="page-wrapper">

	<header class="header" id="header"></header>
	<script type="text/javascript">
		/*引入Header部分公共代码*/
		$(function(){
			$.ajax({
				type:"get",
				url:"header.html",
				async:true,
				success:function(data){
					$("#header").html(data);
				}
			});
		});
	</script>
    

    <!-- main header area end -->

     <!--Page Title-->
    <section class="page-title text-center">
        <div class="auto-container">
            <div class="content-box">
                <div class="title">酒店</div>
                <ul class="bread-crumb">
                    <li><a href="index.html">主页<i class="fa fa-angle-right"></i></a></li>
                    <li>酒店列表</li>
                </ul>
            </div>
        </div>
    </section>
    <!--End Page Title-->

    <!-- service section -->
    <section class="service-section rooms-grid">
    	<div class="container">
    		<div class="row">
    			<div class="col-md-4 col-sm-6 col-xs-12">
    				<div class="single-item">
    					<div class="img-box">
    						<figure><a href="rooms-list.html"><img src="images/service/Hilton希尔顿.jpg" alt=""></a></figure>
    					</div>
    					<div class="service-content">
    						<a href="rooms-list.html"><h3>Hilton希尔顿</h3></a>
    						<div class="text">人均&nbsp;<span>￥950</span>/ 晚</div>
    						<ul class="rating">
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    						</ul>
    					</div>
    				</div>
    			</div>
    			<div class="col-md-4 col-sm-6 col-xs-12">
    				<div class="single-item">
    					<div class="img-box">
    						<figure><a href="rooms-list.html"><img src="images/service/IHG洲际酒店.jpg" alt=""></a></figure>
    					</div>
    					<div class="service-content">
    						<a href="rooms-list.html"><h3>IHG洲际酒店</h3></a>
    						<div class="text">人均&nbsp;<span>￥850</span>/ 晚</div>
    						<ul class="rating">
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    						</ul>
    					</div>
    				</div>
    			</div>
    			<div class="col-md-4 col-sm-6 col-xs-12" >
    				<div class="single-item">
    					<div class="img-box">
    						<figure><a href="rooms-list.html"><img src="images/service/HYATT凯悦.jpg" alt=""></a></figure>
    					</div>
    					<div class="service-content">
    						<a href="rooms-list.html"><h3>HYATT凯悦</h3></a>
    						<div class="text">人均&nbsp;<span>￥800</span>/ 晚</div>
    						<ul class="rating">
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    						</ul>
    					</div>
    				</div>
    			</div>
    			<div class="col-md-4 col-sm-6 col-xs-12" style="clear: both;" >
    				<div class="single-item">
    					<div class="img-box">
    						<figure><a href="rooms-list.html"><img src="images/service/SHANGRI-LA香格里拉.jpg" alt=""></a></figure>
    					</div>
    					<div class="service-content">
    						<a href="rooms-list.html"><h3>SHANGRI-LA香格里拉</h3></a>
    						<div class="text">人均&nbsp;<span>￥750</span>/ 晚</div>
    						<ul class="rating">
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    						</ul>
    					</div>
    				</div>
    			</div>
    			<div class="col-md-4 col-sm-6 col-xs-12">
    				<div class="single-item">
    					<div class="img-box">
    						<figure><a href="rooms-list.html"><img src="images/service/Accor雅高.jpg" alt=""></a></figure>
    					</div>
    					<div class="service-content">
    						<a href="rooms-list.html"><h3>Accor雅高</h3></a>
    						<div class="text">人均&nbsp;<span>￥700</span>/ 晚</div>
    						<ul class="rating">
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    						</ul>
    					</div>
    				</div>
    			</div>
    			<div class="col-md-4 col-sm-6 col-xs-12">
    				<div class="single-item">
    					<div class="img-box">
    						<figure><a href="rooms-list.html"><img src="images/service/kempinski凯宾斯基.jpg" alt=""></a></figure>
    					</div>
    					<div class="service-content">
    						<a href="rooms-list.html"><h3>kempinski凯宾斯基</h3></a>
    						<div class="text">人均&nbsp;<span>￥650</span>/ 晚</div>
    						<ul class="rating">
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    						</ul>
    					</div>
    				</div>
    			</div>
    			<div class="col-md-4 col-sm-6 col-xs-12">
    				<div class="single-item">
    					<div class="img-box">
    						<figure><a href="rooms-list.html"><img src="images/service/皇冠假日.jpg" alt=""></a></figure>
    					</div>
    					<div class="service-content">
    						<a href="rooms-list.html"><h3>皇冠假日</h3></a>
    						<div class="text">人均&nbsp;<span>￥600</span>/ 晚</div>
    						<ul class="rating">
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    						</ul>
    					</div>
    				</div>
    			</div>
    			<div class="col-md-4 col-sm-6 col-xs-12">
    				<div class="single-item">
    					<div class="img-box">

    						<figure><a href="rooms-list.html"><img src="images/service/fourseasons四季酒店.jpg" alt=""></a></figure>
    					</div>
    					<div class="service-content">
    						<a href="rooms-list.html"><h3>fourseasons四季酒店</h3></a>
    						<div class="text">人均&nbsp;<span>￥550</span>/ 晚</div>
    						<ul class="rating">
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    						</ul>
    					</div>
    				</div>
    			</div>
    			<div class="col-md-4 col-sm-6 col-xs-12">
    				<div class="single-item">
    					<div class="img-box">
    						<figure><a href="rooms-list.html"><img src="images/service/Marriott万豪酒店.png" alt=""></a></figure>
    					</div>
    					<div class="service-content">
    						<a href="rooms-list.html"><h3>Marriott万豪酒店</h3></a>
    						<div class="text">人均&nbsp;<span>￥500</span>/ 晚</div>
    						<ul class="rating">
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    						</ul>
    					</div>
    				</div>
    			</div>
    		</div>
			<!--分页插件-->
    		<ul class="rooms-btn text-center">
    			<li><a href="#"><i class="fa fa-angle-left"></i></a></li>
    			<li class="active"><a href="#">1</a></li>
    			<li><a href="#">2</a></li>
    			<li><a href="#">3</a></li>
    			<li><a href="#">4</a></li>
    			<li><a href="#"><i class="fa fa-angle-right"></i></a></li>
    		</ul>
    	</div>
    </section>
    <!-- service section end -->

	<!--页眉-->
	<div class="footer" id="footer" ></div>
	<script type="text/javascript">
		/*引入Header部分公共代码*/
		$(function(){
			$.ajax({
				type:"get",
				url:"footer.html",
				async:true,
				success:function(data){
					$("#footer").html(data);
				}
			});
		});
	</script>
    
</div>
<!--End pagewrapper-->



<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".main-header"><span class="icon fa fa-angle-up"></span></div>


<!-- jQuery js -->

<script src="js/map-script.js"></script>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.themepunch.tools.min.js"></script>
<script src="js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/jquery.appear.js"></script>
<script type="text/javascript" src="js/jquery.countTo.js"></script>
<script src="js/isotope.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/owl.js"></script>
<script src="js/masterslider.js"></script>
<script type="text/javascript" src="js/jquery.polyglot.language.switcher.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/jquery.mixitup.min.js"></script>
<script src="js/validate.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>    
<script type="text/javascript" src="js/theme.js"></script>

<script src="js/timePicker.js"></script>
<script src="js/jquery-ui.js"></script>



<!-- End of .page_wrapper -->

</body>
</html>
